<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.mbot30{
				margin-bottom: 1.25rem
			}
			.wiki-index{
				display: inline-block;
				background-color: #4BB1D9;
				height: 1.875rem;
				text-align: center;
				line-height: 1.875rem;
				color: #fff;
				font-size: 1.125rem;
				padding: 0 0 0 0.3125rem;
				float: left;
			}
			.wiki-q{
				width: 2rem;
				height: 1.875rem;
				background-color: #eaeaea;
				float: left;
				margin: 0 20px 0 0.3125rem;
				text-align: center;
				font-size: 1.375rem;
				font-family: 黑体;
				color: #4BB1D9;
			}
			.wiki-title-text{
				color: #10377A;
				font-size: 1.25rem;
				line-height: 1.875rem;
				float: left;
			}
			.wiki-line{
				clear: both;
				padding-top: 0.25rem;
				border-bottom: 1px #000 dashed;
			}
			.wiki-content{
				margin-top: 1.25rem;
				padding: 0.625rem;
				border: solid 1px #ccc;
				border-radius: 0.3125rem;
				position:relative;
			}
			.wiki-content-box{
				display:table;
			}
			.wiki-a{
				display:table-cell;
				font-size: 1.875rem;
				font-family: 黑体;
				vertical-align:top;	
				text-align:center;
				width:3.75rem;
				color:#4BB1D9;
			}
			.wiki-content-text{
				display:table-cell;
				text-indent: 1.5rem;
			}
			.max-full{
				max-width:100%;
			}
			.wiki-angle{
				border:solid 1px #ccc;
				border-right:none;
				border-bottom:none;
				transform: rotate(45deg);
				width: 1.25rem;
				height: 1.25rem;
				background: #fff;
				position: absolute;
				top: -11px;
				left: 20%;
			}
			
			.wiki-conent{width:25rem;height:6.25rem;position:absolute;top:1.25rem;}
			.wiki-conent img{width:100%;}
			#zhuanye{
				padding: 0.625rem;
			}
			.pull-loading{
				text-align: center;
				font-size: 0.75rem;
			}
		</style>
	</head>
	<body>
	<header>
		<div class="logo-box">
			<div class="logo-name"></div>
			<div class="slogan"></div>
		</div>
		<div class="logo-img">
			<img src="img/true.jpg" >
		</div>
	</header>
		<div class="navbar-box">
			<ul class="navbar">
				<li><a href="index.html">首页</a></li>
				<li><a href="jianjie.html">简介</a></li>
				<li><a href="major.html">专业</a></li>
				<li><a href="shizi.html">师资</a></li>
				<li><a href="huanjing.html">环境</a></li>
				<li><a href="jiuye.html">就业</a></li>
					<li><a href="xinwen.html">新闻</a></li>
				<li><a href="wenda.html"  class="active">问答</a></li>
			</ul>
		</div>
		<div class="swiper-container" id="lunbo">
		  <div class="swiper-wrapper">
		    <!-- <div class="swiper-slide"><img src="img/nature-1.jpg" ></div>
		    <div class="swiper-slide"><img src="img/nature-2.jpg" ></div>
		    <div class="swiper-slide"><img src="img/nature-3.jpg" ></div>
		    <div class="swiper-slide"><img src="img/nature-4.jpg" ></div>
		    <div class="swiper-slide"><img src="img/nature-5.jpg" ></div>
		    <div class="swiper-slide"><img src="img/nature-6.jpg" ></div>
		    <div class="swiper-slide"><img src="img/nature-7.jpg" ></div> -->
		  </div>
		  <!-- Add Arrows -->
		  <!-- <div class="swiper-button-next"></div>
		  <div class="swiper-button-prev"></div> -->
		</div>
		<img src="img/q-title.png" style="width: 60%;margin: 0.625rem 0rem;" >
		<div id="zhuanye">
			<div class="here">
				
			</div>
			<!-- <div class="wiki-box mbot30">
				<div class="wiki-text">
					<div class="wiki-title font-black">
						<div class="wiki-index">02.</div>
						<div class="wiki-q">Q</div>
						<div class="wiki-title-text">我英语和数学不好，可以学习吗？</div>
						<div class="wiki-line"></div>
					</div>
					<div class="wiki-content">
						<div class="wiki-angle"></div>
						<div class="wiki-content-box">
							<div class="wiki-content-text">英语不好，有一个原因是词汇量不够，高中的英语词汇量至少要有3000，你要会听会读会写，还要讲究时态、句型、句式、语法等。足下是真正的零基础，学习中会接触到的英语词汇量也就300-500个，学习中都会用键盘敲，你不会不记得，而且电脑有记忆功能，你前几次需要全部敲完，第三次就敲前面两三个字母就可以了，跟以前的学习完全不同！数学就更不用说了，在软件开发和设计的过程中又不用算平面几何、立体几何，更不用算函数，只需要运用一些公式就可以了！足下学习是新的起点，只要你跟着老师的安排，学习效果一定会非常好的。<br>
							</div>
						</div>
					</div>
				</div>
			</div> -->
			<div class="pull-loading">
			  查看更多
			</div>
		</div>
		<footer>
			<div class="" style="padding: 0rem 0.625rem;">
				<div id="address"></div>
				<div><img src="" id="qrcode" ></div>
			</div>
			<div id="beian" style="text-align: center;font-size: 0.75rem;display: block;color: #ccc;"></div>
		</footer>
<!-- 底部导航 -->
		<div id="fixBottom">
			<ul>
				<li class="telzixun"><a href="tel:10000" id="tel"><img src="img/tel.png" ><div>电话咨询</div></a></li>
				<!-- <li class="baoming"><a href="tencent://message/?uin=1014167202&Site=在线QQ&Menu=yes"><img src="img/msg.png"><div>在线报名</div></a></li> -->
				<li class="baoming"><a href="leavemsg.html"><img src="img/msg.png"><div>在线报名</div></a></li>
				<li class="feezixun"><a href="chat.html"><img src="img/qq.png" ><div>报名咨询</div></a></li>
				<li class="feezixun"><a href="chat.html"><img src="img/fee.png" ><div>学费咨询</div></a></li>
				<!-- <li class="qqzixin"><a href="https://wpa1.qq.com/JEFqRGvh?_type=wpa&qidian=true"><img src="img/qq.png" ><div>QQ咨询</div></a></li>
				<li class="feezixun"><a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes"><img src="img/fee.png" ><div>学费咨询</div></a></li> -->
			</ul>
		</div>
	</body>
	<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
	<script>
	// var swiper = new Swiper('#lunbo', {
	// 	autoplay: true,//可选选项，自动滑动
	// });
getLunbo('wenda');
	var page=0,limit=4,n=0;
	getMore();
	function getMore () {
		page++;
		$.ajax({
			url:`${HOST}/h5/wendaselectpage?page=${page}&limit=${limit}`,
			success: (res) => {
				if(res.data.length>0)
				{for (let i = 0; i < res.data.length; i++) {
					n++;
					let s= `<div class="wiki-box mbot30">
					<div class="wiki-text">
						<div class="wiki-title font-black">
							<div class="wiki-index">${n}.</div>
							<div class="wiki-q">Q</div>
							<div class="wiki-title-text">${res.data[i].question}</div>
							<div class="wiki-line"></div>
						</div>
						<div class="wiki-content">
							<div class="wiki-angle"></div>
							<div class="wiki-content-box">
								<div class="wiki-content-text">${res.data[i].answen}
								</div>
							</div>
						</div>
					</div>
				</div>`;
					$("#zhuanye .here").append(s);
				}
				}
				else{
					$(".pull-loading").unbind("click")	;
					$(".pull-loading").html("没有数据了");
					$(document).off("scroll")
				}
			}
		})
	}
 $(".pull-loading").click(function(){
	 getMore();
 })
	// $(window).scroll(function(){
	// 　　var scrollTop = $(this).scrollTop();
	// 　　var scrollHeight = $(document).height();
	// 　　var windowHeight = $(this).height();
	// 　　if(scrollTop + windowHeight == scrollHeight){
	// 			// alert("已经到最底部了！");
	// 			getMore()
	// 　　}
	// });
	</script>
	
	<script type="text/javascript">
		//获取窗口可视范围的高度
		function getClientHeight(){   
		    var clientHeight=0;   
		    if(document.body.clientHeight&&document.documentElement.clientHeight){   
		         clientHeight=(document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;           
		    }else{   
		         clientHeight=(document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;       
		    }   
		    return clientHeight;   
		}
		
		function getScrollTop(){   
		    var scrollTop=0;   
		    scrollTop=(document.body.scrollTop>document.documentElement.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop;           
		    return scrollTop;   
		}
		//滚动加载
		function scrollLoad(){
		    //可视窗口的高度
		    var scrollTop = 0;
		    var scrollBottom = 0;
		    $(document).scroll(function(){
		        var dch = getClientHeight();
		        scrollTop = getScrollTop();
		          scrollBottom = document.body.scrollHeight - scrollTop;
		          if(scrollBottom >= dch && scrollBottom <= (dch+10)){     
							getMore();
		            }
		    });
		}
		scrollLoad();
	</script>
	
	
</html>
